<template>
  <div>
    <p v-abc>{{uname}} </p>
  </div>
</template>

<script>
export default {
  props:['uname'],
  directives:{
    abc:{
      bind(el){
        el.style.color='red'
      },
      update(el){
        console.log(el.innerHTML);  //数据更新前的值
      },
      componentUpdated(el){
        console.log(el.innerHTML);  //数据更新后的值
      }
    }
  }
}
</script>

<style>

</style>